<div class="breadcrumbs" id="breadcrumbs">
  <script type="text/javascript">
    try{ ace.settings.check('breadcrumbs' , 'fixed') }catch(e) { }
  </script>

  <ul class="breadcrumb">
    {foreach $breadcrumbs as $breadcrumb}
      <li {if !empty($breadcrumb['isactive'])} class="active" {/if}>
        {if !empty($breadcrumb['icon'])} <i class="{$breadcrumb['icon']}"></i> {/if}
        {if !empty($breadcrumb['isactive'])}
          {$breadcrumb['name']}
        {else}
          <a href="{$breadcrumb['link']|default:'#'}">{$breadcrumb['name']}</a>
        {/if}
      </li>
    {/foreach}
  </ul>

  <div class="nav-search" id="nav-search">
    <form class="form-search">
      <span class="input-icon">
        <input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
        <i class="icon-search nav-search-icon"></i>
      </span>
    </form>
  </div><!-- #nav-search -->
</div>